@import "../common/common";
$nav-height:35px;
$com-width:100%;
$nav-background: #f5f5f5;
$com-margin: 0 auto;
@mixin w1190{
	width:1190px;
	margin: $com-margin;
} 
.nav{
	height:$nav-height;
	width:$com-width;
	background:$nav-background;
	font-size:12px;
	line-height: 35px;
	color:6C6C6C;
	margin :$com-margin;
		.container-left{
			width:1190px;
			margin:$com-margin;
			ul{
				margin:0;
				li{
					float:left;
					padding: 0 6px;
					height:35px;
				}
				#nav-li2{
					width:80px;
					background: url("../../static/images/jianxia.jpg")no-repeat;
					background-position:74px 16px;
					background-size:8px 4px;
					a{	
						span{
							color:#F22E00;
						}
						img{
							width:12px;
							height:12px;
							margin-top:11px;
							margin-right:3px;
						}
					}
				}
				#nav-li3{
					width:72px;
					background: url("../../static/images/jianxia.jpg")no-repeat;
					background-position:64px 16px;
					background-size:8px 4px;
					a{
						margin:0;
					}
				}
				#nav-li4{
					img{
						margin-top:10px;
					}
				}
				#nav-li5{
					width:67px;
					background: url("../../static/images/jianxia.jpg")no-repeat;
					background-position:59px 16px;
					background-size:8px 4px;
					a{
						margin:0;
					}
				}
				#nav-li6{
					width:84px;
					background: url("../../static/images/jianxia.jpg")no-repeat;
					background-position:76px 16px;
					background-size:8px 4px;
					a{
						margin:0;
						span{
							color:#F22E00;
							margin-right:5px;
						}
					}
				}
			}
			#cla1{
				color:#F22E00;
				margin-right:7px;
			}
			
			#cla3{
				margin-left:300px;
				color:#F22E00;
			}
			a{
				margin-right:7px;
				display:inline-block;
				height:35px;
				display: inline-block;
				
			}
			a:hover{
				color:#F22E00;
			}
			#nav-li1{
				width:67px;	
				background: url("../../static/images/jianxia.jpg")no-repeat;
				background-position:64px 16px;
				background-size:8px 4px;
						
			}
		}	
}

#logo{
	@include w1190;
	height:83px;
	overflow:hidden;
	#taobao{
		height:43px;
		width:100%;
		padding:20px 0;
		position:relative;
		img{
			position: absolute;
			left:0;
			top:5px;
		}
		h3{
			float:left;
			margin-left:150px;
			color:#000000;
			font: 400 22px/1.6 arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;
			line-height: 43px;;
		}
	}
}
#steps{
	@include w1190;
	height:48px;
	#step{
		width:100%;
		height:48px; 
		ul{
			height:48px;
			width:100%px;
			padding-left:235px;
			margin:0;
			border-bottom:2px solid #CACACA;
			.active{
				border-bottom:2px solid #FF4700;
				span{
					background: url("../../static/images/red.png");
				}
				h4{
					color:#3E3E3E;
				}
			}
			li{
				height:34px;
				width:170px;
				float:left;
				padding-top:14px;
				padding-left:70px;
				span{
					text-align: center;
					line-height: 24px;
					color: #FFFFFF;
					height: 24px;
					width: 24px;
					display: block;
					float:left;
					font-weight:900;
					font-size:16px;
					//background: url("../../static/images/red.png");
					background: url("../../static/images/blue.png");
				}
				h4{
					color:#999999;
					float:left;
					font: 600 16px/1.6 arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;
					margin-left:3px ;
				}
			}
		}
	}
}
@mixin ww720{
	width:720px;
	margin:$com-margin;
}
#contant{
	@include w1190;
	height:439px;
	font-size:14px; 
	position:relative;
	#contanter{
		@include ww720;
		height:339px;
		padding: 50px 0;
		margin-top:10px;
		.email{
			width: 520px;
			height:37px;
			padding:10px 0 10px 200px;
			label{
				margin-right:18px;
				font-size:14px;
			}
			input{
				width:222px;
				height:37px;
				font-size:14px;
				text-indent: 10px;
			}
			// input:after{
			// 	    content: "";
			// 	    display: block;
			// 	    clear: both;
			// 	    visibility: hidden;
			// 	    width:222px;
			// 	    height:37px;
			// 		border:1px solid #0000FE;
			// }
			h5{
				margin-top:12px;
				margin-right:20px;
				float:right;
				color:#FF3F13;
				display:none;
				span{
					width:16px;
					height:16px;
					display: inline-block;
					text-align: center;
					background:#FF3F13 url("../../static/images/red.png")no-repeat;
					border:1px solid #FF3F13 ;
					border-radius: 50%;
					color:#FFFFFF;
					line-height: 16px;
					font-size: 14px;
					font-weight: 900;
					margin-right:5px;	
				}
			}
		}
		.yanzheng{
			margin-top:10px;
			width: 520px;
			height:37px;
			padding:10px 0 10px 200px;
			label{
				float:left;
				margin-right:18px;
				margin-left:26px;
				font-size:14px;
			}
			#move{
				float:left;
				margin-left: 5px;
				width: 300px;
				height: 32px;
				background: #E8E8E8;
				position:relative;
				#cover{
					width:0px;
					height:32px;
					position: absolute;
					background:#7AC23C;
					z-index: 50;
				}
				#movebtn{
					width: 40px;
					height: 26px; 
					position: absolute;
					left:0;
					top:0;
					z-index:200;
					border:1px solid #CCCCCC;
					display: block;
					background: #FFFFFF;
					color: #9CBDE3;
					text-align: center;
					padding-top:5px;
					cursor: move;
				}
				h6{
					position: absolute;
					left:20%;
					top:20%;
					color: #496E91;
					z-index:100;
				}
			}
		}
		
		#nextstep{
			width:140px;
			height: 36px;
			padding:0 20px;
			background:#EDEDED;
			margin-left:260px;
				text-align: center;
			span{
				font-size:16px;
				color:#999999;
				line-height:36px;
				font-weight:900;
			}
		}
		#regemail{
			margin-top:10px;		
			width: 460px;		
			height:37px;		
			padding:10px 0 10px 260px;
			span{
				display: block;
			}
			a{
				margin:30px 0;
				color:#FF5B20;
			}
		}
		
		//step2
		.form-item {
		    padding: 4px 0 4px 260px;
		    line-height: 36px;
		    zoom: 1;
			font-size:16px;
			float:left;
			width:460px;
			height:37px;
			.label-item{
			    display: inline;
			    float: left;
			    margin-left: -260px;
			    width: 240px;
			    height: 37px;
			    
			    text-align: right;
			}
		}
		
		input{
			    border: 1px solid #dedede;
			    width: 202px;
			    height: 17px;
			    line-height: 17px;
			    padding: 9px;
			    font-size: 14px;
		}
		.loginname,.dlmm,.inf{
			font-weight:900;
			font-size:14px;
		}
		#loginname{
			display: inline-block;
		}
		select{
			height:30px;
		}
		.okok{
			width:180px;
			height:36px;
			background: #FF4001;
			color:#FFFFFF;
			font-weight:900;
			text-align: center;
			line-height: 36px;
		}
		.mm1{
				position: relative;		
		}
		.form-item{
			position: relative;
			h5{
				width:540px;
				hieght:36px;
				position: absolute;
				z-inde:30000;
				left:492px;
				top:0;
				margin-top:5px;
				float:right;
				color:#FF3F13;
				display:none;   //block
				span{
					width:16px;
					height:16px;
					display: inline-block;
					text-align: center;
					background:#FF3F13 url("../../static/images/red.png")no-repeat;
					border:1px solid #FF3F13 ;
					border-radius: 50%;
					color:#FFFFFF;
					line-height: 16px;
					font-size: 14px;
					font-weight: 900;
					margin-right:5px;	
				}
			}
			b{
				width:540px;
				hieght:36px;
				position: absolute;
				z-inde:30000;
				left:492px;
				top:0;
				margin-top:5px;
				float:right;
				color:#000000;
				display:none;   //block
				span{
					width:16px;
					height:16px;
					display: inline-block;
					text-align: center;
					background:#00BFFF;
					border:1px solid #00BFFF ;
					border-radius: 50%;
					color:#FFFFFF;
					line-height: 16px;
					font-size: 14px;
					font-weight: 900;
					margin-right:5px;	
				}
			}
		}
		#kk{
			display: none;
			width:300px;
			height:150px;
			background:#E5E5E5;
			// opacity:0.8;
			color:#000000;
			position: absolute;
			left:490px;
			top:-49px;
			dl{
				dd{
					margin-top:10px;
					padding-left:30px;
					width:270px;
					height:20px;
				}
				dt{
					h6{
						height:20px;
						width:30px;
						margin-right:20px;
						float:left;
					}
					margin-top:20px;
					padding-left:30px;
					width:250px;
					height:20px;
					.btnm{
						margin-top:5px;
						float:left;
						width:20px;
						display: inline-block;
						margin-right:2px;
						height: 12px;
						line-height:12px;
						background:#BCE8F1;
						
					}
					.btnmactive{
						margin-top:5px;
						float:left;
						width:20px;
						display: inline-block;
						margin-right:2px;
						height: 12px;
						line-height:12px;
						background: #0000FE;
					}
				}
			}		
		}
	#agreecheckbox{
		margin-top:10px;
		width: 480px;
		height:37px;
		padding:10px 0 10px 260px;
		#checkbox1{
			width:10px;
			height:10px;
			margin-right:10px;
		}
		a{
			color:#FF5B20;
			&:hover { 
				text-decoration: underline; 
			}
		}
	}
		#successbox{
		height:108px;
		width:100%;
		display: block;
		padding: 20px 20px 20px 20px;
		margin-bottom: 10px;
		background: #f3fdf6;
		border: 1px solid #def3e6;
		overflow: hidden;
		
		
			h3{
				font-size:20px;
				margin-top:20px;
				span{
					color:#FFFFFF;
					display: inline-block;
					height:32px;
					width:32px;
					background: #15C2B4;
					border-radius:50%;
					text-align: center;
					margin-right:10px;
					font-size: 20px;
					font-weight: 900;
				}
			}
			dl{
				
				font-size:16px;
				line-height:20px;
				margin:20px;

			}
		}
		#alww{
			img{
				width:330px;
				height: 240px;
				display: block;
				float: left;
			}
			// #gologin{
			// 	width:40px;
			// 	height:20px;
			// 	padding:0;
			// 	background:#D58512;
			// 	text-align: center;
			// 	line-height:20px;
			// 	font-size:16px;
			// 	color:#FFFFFF;
			// 	font-weight: 900;
			// 	float: left;
			// 	margin-left:50px;
			// 	margin-top:50px;
			// }
		}
	}
}
//////////////////////step3///

#changehttp{
	@include w1190;
	height:20px;			
	padding:10px 0;
	text-align:right;
	//margin-bottom:20px;
	border-bottom:1px solid #DDDDDD;
	#http{	
		display: inline-block;
		height:18px;
		color:#FF5B20;
		cursor: pointer;
	}
	a:hover { 
			text-decoration: underline; 
	}
	
}
.footer-hd{
	@include w1190;
	height:36px;
	border-bottom:1px solid #DDDDDD;
	padding:0 0 8px;
	p{
		margin:0 0 8px;
		line-height:36px;
		a{
			color:#6C6C6C;
			margin:0 4px;
		}
	}
	b{  
		font-weight: 400;
		color: #DDD;			
	}
}

.footer-bd{
	@include w1190;
	height:36px;
	p{
		width:100%;
		height:12px;
		padding:0 0 8px;
		margin-top:6px;
	}
	a{
		float: left;
		margin: 0 4px;
		white-space: nowrap;
		color: #6C6C6C;
	}
	em{
		margin-left:30px;
		font-style: normal;
		float: left;
		white-space: nowrap;
		color: #9C9C9C;
	}
	span{
		float: left;
		white-space: nowrap;
		color: #9C9C9C;
		margin:0 4px;
		padding:0;
	}
	b{
		float: left;
		margin: 0 3px;
		font-weight: 400;
		color: #DDD;
	}
}















